<template>
	<div class="settings-verify">
		<div class="grid gap-x-5 gap-y-[10px] grid-cols-1 sm:grid-cols-2">
			<KycBasic />
			<KycIdentity />
		</div>
		<BaseTip class="mt-4">
			<i18n-t keypath="settings.kyc.tip" scope="global">
				<span class="app-text-link text-primary" @click="customerService">
					{{ $t('app.waiter') }}
				</span>
			</i18n-t>
		</BaseTip>
	</div>
</template>

<script setup lang="ts">
import { BaseTip } from '@/components/base'
import { useProfileStore } from '@/store'
import { customerService } from '@/utils'
import KycBasic from './kyc-basic.vue'
import KycIdentity from './kyc-identity.vue'
import { onMounted } from 'vue'

const profileStore = useProfileStore()
onMounted(() => profileStore.getUserInfo())
</script>
